body{
	background: #f2f2f2;
}
.nav{
	background: #8ec251;
	display: flex;
	span{
		display: block;
		height: 100%;
		text-align: center;
		flex:1;
	}
	.ipt{
		flex:8.5;
		margin: 8px;
		display: flex;
		height: 50px;
		line-height: 50px;
		background: #fff;
		input{
			height: 90%;
			flex:6;
			border: none;
			outline: none;
			font-size:150%;
		}
		span{
			flex:4;
			text-align: right;
			img{
				margin-top: 10px;
			}
		}
	}
}
.banner{
	img{
		width: 100%;
		height: 132px;
	}
}
.index_xx{
	margin-top: -0.2%;
	display: flex;
	align-items:center;
	background: #fff;
	padding: 1% 0;
	figure{
		display: flex;
		align-items:center;
		flex:2;
		border-right: 1px solid #ccc;
	}
	span{
		flex:7;
		i{
			margin-left:3%;
			color: red;
		}
	}
}
.hots{
	margin-top:2%;
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-bottom: 1px solid #ccc;
	span{
		padding: 2% 0;
		display: flex;
		align-items:center;
		margin:0 1%;
		p{
			padding: 0 1%;
		}
	}
	.s1{
		flex:8;
	}
	.s2{
		flex:1;
	}
}
.new{
	background: #fff;
	display: flex;
	.rights{
		width: 60%;
		border: 1px solid #ccc;
		.r_up{
			display: flex;
			justify-content: space-between;
			.up_l{
				.name{
					color: #ccc;
					font-size:20px;
				}
				.price{
					color: red;
				}
				.cost{
					color: #ccc;
					font-size:20px;
				}
				.cart{
					display: block;
					height:50px;
					width: 50px;
					background: red;
					border-radius: 50%;
				}
			}
		}
		.r_down{
			display: flex;
			justify-content: space-between;
		}
	}
	.left{
		width: 40%;
		height: 274px;
		background-image: url(../images/bg-1.png);
		background-size: cover;
	}
}